<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1">
<title>电气网首页</title>
</head>
<link rel="stylesheet" href="static/css/shutter.css">
<link type="text/css" rel="stylesheet" href="static/css/index.css" />
<!-- 圆形轮播 -->
<!-- Load modernizr or html5shiv -->
<script src="static/js/modernizr/modernizr-custom.js"></script>
<!--<script src="../lib/html5shiv/html5shiv.js"></script>-->
<!-- Load jQuery -->
<script src="static/jquery/jquery.js"></script>
<link href="static/css/styles.css" rel="stylesheet">
<!-- Load miSlider -->
<link href="static/css/mislider.css" rel="stylesheet">
<link href="static/css/mislider-skin-cameo.css" rel="stylesheet">
<script src="static/js/mislider.js"></script>
<script>
	jQuery(function($) {
		var slider = $('.mis-stage').miSlider({
			//  The height of the stage in px. Options: false or positive integer. false = height is calculated using maximum slide heights. Default: false
			stageHeight : 380,
			//  Number of slides visible at one time. Options: false or positive integer. false = Fit as many as possible.  Default: 1
			slidesOnStage : false,
			//  The location of the current slide on the stage. Options: 'left', 'right', 'center'. Defualt: 'left'
			slidePosition : 'center',
			//  The slide to start on. Options: 'beg', 'mid', 'end' or slide number starting at 1 - '1','2','3', etc. Defualt: 'beg'
			slideStart : 'mid',
			//  The relative percentage scaling factor of the current slide - other slides are scaled down. Options: positive number 100 or higher. 100 = No scaling. Defualt: 100
			slideScaling : 150,
			//  The vertical offset of the slide center as a percentage of slide height. Options:  positive or negative number. Neg value = up. Pos value = down. 0 = No offset. Default: 0
			offsetV : -5,
			//  Center slide contents vertically - Boolean. Default: false
			centerV : true,
			//  Opacity of the prev and next button navigation when not transitioning. Options: Number between 0 and 1. 0 (transparent) - 1 (opaque). Default: .5
			navButtonsOpacity : 1
		});
	});
</script>
<body>
	<div class="all">
		<div class="header">
			<span class="header_font">中国电气网</span>
			<ul class="nav">
				<li><a href="index.jsp">网站首页</a></li>
				<li><a href="news.jsp">行业动态</a></li>
				<li><a href="">企业解决方案展示</a></li>
				<li><a href="product.jsp">企业产品展示</a></li>
				<li><a href="">求购信息</a></li>
				<li class="last_li"><a href=""><span>登录</span></a>&nbsp;| <a href=""><span>注册</span></a></li>
			</ul>
		</div>
		<div class="big_img">
			<div class="shutter">
				<div class="shutter-img">
					<a href="#" data-shutter-title="Electric Product1"><img
						src="static/image/lunbo1.jpg" alt="#"></a> <a href="#"
						data-shutter-title="Electric Product2"><img
						src="static/image/lunbo4.jpg" alt="#"></a> <a href="#"
						data-shutter-title="Electric Product3"><img
						src="static/image/lunbo5.jpg" alt="#"></a> <a href="#"
						data-shutter-title="Electric Product4"><img
						src="static/image/lunbo6.jpg" alt="#"></a>
				</div>
				<ul class="shutter-btn">
					<li class="prev"></li>
					<li class="next"></li>
				</ul>
				<div class="shutter-desc">
					<p>Electric Product1</p>
				</div>
			</div>


		</div>
		<div class="big_img_after">
			<div id="wrapper">
				<figure>
				<div class="mis-stage">
					<!-- The element to select and apply miSlider to - the class is optional -->
					<ol class="mis-slider">
						<!-- The slider element - the class is optional -->
						<li class="mis-slide">
							<!-- A slide element - the class is optional --> <a href="#"
							class="mis-container"> <!-- A slide container - this element is optional, if absent the plugin adds it automatically -->
								<figure> <!-- Slide content - whatever you want --> <img
									src="static/image/garden01.jpg" alt="Pink Water Lillies">
								<figcaption>Pink Water Lillies</figcaption> </figure>
						</a>
						</li>
						<li class="mis-slide"><a href="#" class="mis-container">
								<figure> <img src="static/image/garden02.jpg"
									alt="Pond with Lillies"> <figcaption>Pond
								with Lillies</figcaption> </figure>
						</a></li>
						<li class="mis-slide"><a href="#" class="mis-container">
								<figure> <img src="static/image/garden03.jpg"
									alt="Hidden Pond"> <figcaption>Hidden Pond</figcaption> </figure>
						</a></li>
						<li class="mis-slide"><a href="#" class="mis-container">
								<figure> <img src="static/image/garden04.jpg"
									alt="Shrine"> <figcaption>Shrine</figcaption> </figure>
						</a></li>
						<li class="mis-slide"><a href="#" class="mis-container">
								<figure> <img src="static/image/garden05.jpg"
									alt="White Water Lillies"> <figcaption>White
								Water Lillies</figcaption> </figure>
						</a></li>
						<li class="mis-slide"><a href="#" class="mis-container">
								<figure> <img src="static/image/garden06.jpg"
									alt="Garden Walkway"> <figcaption>Garden
								Walkway</figcaption> </figure>
						</a></li>
						<li class="mis-slide"><a href="#" class="mis-container">
								<figure> <img src="static/image/garden07.jpg"
									alt="Lilly with Bee"> <figcaption>Lilly with
								Bee</figcaption> </figure>
						</a></li>
					</ol>
				</div>
			</div>
		</div>

		<div class="section">
			<div class="section_out">
				<div class="section_inner1">
					<ul>
						<li><a href="">公司新闻</a></li>
						<li><a href="">干式变压器局部放电是怎样的 <span>2018-03-30</span></a></li>
						<li><a href="">干式变压器的接线方法 这些你都了解吗<span>2018-03-30</span></a></li>
						<li><a href="">浅析中国干式变压器的发展趋势<span>2018-03-30</span></a></li>
						<li><a href="">干式变压器怎样通过各种声音的异常来判断故障<span>2018-03-30</span></a></li>
						<li><a href="">运行中的干式变压器需要进行立即停电的条件是什么<span>2018-03-30</span></a></li>
					</ul>
				</div>
				<div class="section_inner2">
					<ul>
						<li><a href="">优秀供应商 </a></li>
						<li><a href="">北京国电环网电气科技有限公司</a></li>
						<li><a href="">株洲飞鹿高新材料技术股份有限公司</a></li>
						<li><a href="">北京拓普华能焊业有限公司</a></li>
						<li><a href="">无锡锡自电力自动化系统有限公司</a></li>
						<li><a href="">华电重工股份有限公司</a></li>
					</ul>
				</div>
			</div>
			<div class="footer">
				<div class="link_address_out">
					<div class="link_address_out_font">
						<span>友情链接</span>
						<div></div>
					</div>
					<div class="link_address_inner">
						<a href="http://www.ces.cn/" title="中国节能网" target="_blank"> <img
							alt="中国节能网" src="static/image/footer1.png" /></a> <a
							href="http://www.zhaoming.cn/" title="中国照明网" target="_blank">
							<img alt="中国照明网" src="static/image/footer2.png" />
						</a> <a href="http://www.cepn.cn/" title="中国环保网" target="_blank">
							<img alt="中国环保网" src="static/image/footer3.png" />
						</a> <a href="http://www.yejin.cn/" title="中国冶金网" target="_blank">
							<img alt="中国冶金网" src="static/image/footer4.png" />
						</a> <a href="http://www.huagong.cn/" title="中国化工网" target="_blank">
							<img alt="中国化工网" src="static/image/footer5.png" />
						</a> <a href="http://www.ceceem.org/" title="中国能源研究会节能与企业能源管理专业委员会"
							target="_blank"> <img alt="中国能源研究会节能与企业能源管理专业委员会"
							src="static/image/footer6.png" /></a>
					</div>
				</div>
			</div>
		</div>

	</div>
</body>
</html>
<script src="static/js/jquery.min.js"></script>
<script src="static/js/velocity.js"></script>
<script src="static/js/shutter.js"></script>
<script>
	$(function() {
		$('.shutter').shutter({
			shutterW : 1309, // 容器宽度
			shutterH : 358, // 容器高度
			isAutoPlay : true, // 是否自动播放
			playInterval : 3000, // 自动播放时间
			curDisplay : 3, // 当前显示页
			fullPage : false
		// 是否全屏展示
		});
	});
</script>
